function NotFound() {
  return (
    <div style={{ textAlign: "center", marginTop: "50px" }}>
      <h1>404 - Page Not Found</h1>
      <p>Oops! The page you're looking for doesn't exist.</p>

      {/* 图片 */}
      <img
        src="https://via.placeholder.com/400"
        alt="404"
        style={{ width: "100%", maxWidth: "400px", margin: "20px auto" }}
      />

      {/* 链接 */}
      <p>
        <a href="/" style={{ fontSize: "18px", color: "#007bff" }}>
          Go back to Home
        </a>
      </p>

      {/* 表格 */}
      <table
        border={1}
        style={{ margin: "20px auto", borderCollapse: "collapse" }}
      >
        <thead>
          <tr>
            <th>Example</th>
            <th>Description</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>404</td>
            <td>Page Not Found</td>
          </tr>
        </tbody>
      </table>
    </div>
  );
}

export default NotFound;
